<html>

<head>
<script src="/jquery/jquery-1.7.2.js"></script>
<script src="rps.js"></script>

<script>
function clearUI() {
}
function displayWinner(winner_message) {
	$("#menu .message").html(winner_message);
	$("#menu").show();
}
function hideWinner() {
		$("#menu").hide();
}
function setCellClickFunction(func) {
	$(".rps_button").click(func);
}
function setRestartClickFunction(func) {
	$("#menu .button").click(func);
}
</script>
<style>

table.board {
	border: 1px solid green; 
	height: 600px;
	width: 600px;
}

body {
	cursor: default;
	margin: 0px;
}

td {
	height: 200px;
	width: 200px;
	border: 1px solid green;

	text-align: center;
	vertical-align: middle;

	font-size: 100px;
	font-weight: bold;
	font-family: geniva, verdana, helvetica;
}

#menu {
	display: none;

	position: absolute;
	width: 400px;
	height: 400px;
	margin: 100px;
	border: 5px double red;
	background-color: white;

	text-align: center;
	vertical-align: middle;

	font-size: 100px;
	font-weight: bold;
	font-family: geniva, verdana, helvetica;
}

#menu .button {
	font-size: 20px;
	color: green;
	border: 5px double green;
}

</style>
</head>
<body>

<div id="menu">
<div class="message"></div>
<div class="button">Ok</div>
</div>

<div id="board">
<table class="board">
<tr>
<td id="0R" class="rps_button">R</td>
<td id="0P" class="rps_button">P</td>
<td id="0S" class="rps_button">S</td>
</tr>
<tr>
<td id="result" colspan="3">&nbsp;</td>
</tr>
<tr>
<td id="1R" class="rps_button">R</td>
<td id="1P" class="rps_button">P</td>
<td id="1S" class="rps_button">S</td>
</tr>
</table>
</div>

</body>
</html>
